<template>
  <a-form layout="inline"  ref="formRef">
    <a-form-item name="date-picker" label="">
      <a-range-picker v-model="formState.rangTime" show-time value-format="YYYY-MM-DD HH:mm:ss" />
<!--      <a-date-picker value-format="YYYY-MM-DD" placeholder="年/月/日" />-->
    </a-form-item>
    <a-form-item label="">
      <a-select ref="select" placeholder="请选择项目" allowClear v-model="formState.selected" class="w-80">
        <a-select-option v-for="i in 10" :key="i" :value="i">项目{{i}}</a-select-option>
<!--        <a-select-option value="a">项目a</a-select-option>-->
      </a-select>
    </a-form-item>
    <a-form-item label="">
      <a-select ref="select" placeholder="请选择采集器" allowClear v-model="formState.selected1" class="w-80">
        <a-select-option v-for="i in 10" :key="i" :value="i">采s的方法集器{{i}}</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="">
      <a-select ref="select" placeholder="请选择检测点" allowClear v-model="formState.selected2" class="w-80">
        <a-select-option v-for="i in 10" :key="i" :value="i">检测点{{i}}</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="">
      <a-select ref="select" placeholder="请选择通道" allowClear v-model="formState.selected3" class="w-80">
        <a-select-option v-for="i in 10" :key="i" :value="i">通道{{i}}</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item class="">
      <a-button type="primary"> 查询 </a-button>
      <a-button type="primary" class="mx-2"> 导出 </a-button>
      <a-button type="primary" @click="reset"> 删除 </a-button>
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      formState: {
        rangTime:[],
        selected: '',
        selected1: '',
        selected2: '',
        selected3: '',
      },
    };
  },
  methods: {
    reset(){
      // resetFields();
      console.log(888);

      this.formState.rangTime= [];
      this.formState.selected= '';
      this.formState.selected1= '';
      this.formState.selected2= '';
      this.formState.selected3= 0
    }
  }
};
</script>

<style>
</style>
